<template>
    <div class="hotToday_box flex">
      <div class="track_container flex">
        <div class="track">
          <img src="" class="track_img">
          <div class="track_text">
              8月18日新闻早餐|四川巴中市委书记跑马拉松视频获评11万条,官xxxxxxxxxxxxxx
          </div>
          <div class="track_databoard">
              <div class="track_box1">
                  <div class="track_text1">
                      <img src="../../../assets/images/user_icon.png" class="track_icon">喜马头条
                  </div>
              </div>
          </div>
        </div>
      </div>
    </div>
  </template>
  
  <script setup lang="ts">
  
  </script>
  
  <style scoped lang="less">
  // 今日热点
  .hotToday_box{
    justify-content: center;
    align-items: center;
    width: 375.2px;
    margin-bottom: 30px;
  }
  .track_container{
    flex-direction: row;
    flex-wrap: nowrap;
    width: 345.2px;
    height: 100px;
  }
  .track{
      width: 260px;
      height: 70px;
  }
  .track_img{
      float: left;
      width: 70px;
      height: 70px;
  }
  .track_text{
      width: 260px;
      height: 44.15px;
      font-size: 16px;
      color: #40404C;
      margin-left: 80px;
  }
  .track_databoard{
      width: 260px;
      height: 18.8px;
      margin-left: 80px;
  }
  .track_box1{
      width: 50px;
      height: 18.4px;
      float: left;
  }
  .track_icon{
      width: 12px;
      height: 12px;
      margin-right: 4px;
  }
  .track_text1{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 65px;
      height: 18px;
      font-size: 12px;
      color: #999;
      margin-top: 6px;
  }
  </style>